<template>
  <div>
    <div class="topfix">
      <!-- 头部组件 -->
      <MyHeader title="猫眼电影" />
      <!-- 头部logo -->
      <Mylogo>发现最新最热电影</Mylogo>
      <!-- 头部导航 -->
      <MyNav />
    </div>

    <div class="fixed">
      <router-view />
    </div>
   
  </div>
</template>

<script>
import MyHeader from "@/components/common/MyHeader";
import Mylogo from "@/components/home/Mylogo";
import MyNav from "@/components/home/MyNav";

export default {
  data() {
    return {};
  },
  components: {
    MyHeader,
    Mylogo,
    MyNav
  }
};
</script>

<style lang="less" scoped>
.topfix {
  position: fixed;
  width: 100%;
}
.fixed {
  position: fixed;
  top: 156px;
  width: 100%;
  height: 100%;
}
</style>
